<template>
  <div id="chart">
    <div class="sub-title">物流发货及时率</div>
    <dv-charts :option="option" />
  </div>
</template>

<script>
export default {
  name: 'picChart',
  data() {
    return {
      option: {
        series: [
          {
            type: 'pie',
            data: [
              { name: '可口可乐', value: 93 },
              { name: '百事可乐', value: 32 },
              { name: '哇哈哈', value: 65 },
              { name: '康师傅', value: 44 },
            ],
            insideLabel: {
              show: true,
            },
          },
        ],
      },
    };
  },
  methods: {},
  mounted() {},
};
</script>

<style lang="scss" scoped>
#chart {
  width: 100%;
  height: 100%;
  box-sizing: border-box;

  .dv-charts-container {
    height: calc(100% - 50px);
  }
}
</style>
